<template>
  <div class="big_home">
        <Headerl />
        <Leftl />
        <div class="rights">
            <router-view></router-view>
        </div>
       <Play class="play" />
  </div>
</template>

<script>
import Headerl from '../components/commons/header.vue'
import Leftl   from '../components/commons/left.vue'
import Play    from '../components/commons/musicplay.vue'

export default {
   name:'home',
    components:{
     Headerl,Leftl,Play
  },

}
</script>

<style>
.big_home{
   position: relative;
   overflow: hidden;
   height: 100%;
   background-color: #ffff;
}
.rights{
   position: absolute;
   top: 80px;
   left: 346px;
   background-color: #ffff;
   width: 1557px;
   height: 889px;
    overflow-y: scroll;
   padding-right: 18px;
}
.play{
    position: absolute;
    bottom: 0px;
    z-index: 999;
}
</style>